<template>
  <div class="box">
    <img src="../../assets/404.jpg" alt="" />
    <div class="foot">
      <el-button type="text" @click="$router.back()" icon="el-icon-arrow-left"
        >返回上一页</el-button
      >
      <el-button type="primary" @click="backIndex" icon="el-icon-s-home"
        >返回首页</el-button
      >
    </div>
  </div>
</template>
<script>
export default {
  methods: {
    backIndex() {
      this.$router.replace({
        path: "/",
      });
    },
  },
};
</script>
<style scoped lang='scss'>
.box {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgb(228, 246, 255);
  img {
    width: 40%;
  }
  .foot {
    margin-top: 30px;
    width: 40%;
    display: flex;
    justify-content: space-around;
  }
}
</style>